草庐IT

AngularJS 输入验证

全部标签

用于启用/禁用文本输入和添加/删除默认值的 jQuery 复选框

我正在尝试创建一个可重复使用的小函数,选中时禁用文本字段并插入默认值“160”,取消选中时启用字段并删除值。我已经基本完成了,但取消检查的部分让我失望了。$('#chkIsTeamLead').change(function(){if($('#chkIsTeamLead').checked=true){$('#txtNumHours').val('160').attr('disabled','disabled');console.log('checked');}if($('#chkIsTeamLead').checked=false){$('#txtNumHours').val('')

javascript - 使 HTML 输入字段仅显示为字段中的文本

我有一个HTML表单,其中包含许多input字段,这些字段使用jQuery在每个字段中动态添加内容。是否可以隐藏这些字段是输入字段的事实,只显示为字段中的内容?我不想隐藏整个字段和它的内容---只是隐藏它是一个输入类型字段这一事实。我试过jQuery的hide()和$('#foo').css('display','none'),但这隐藏了整个字段。想法是可以有大量字段,但我不希望用户看到所有输入文本字段。 最佳答案 从这样的事情开始:input{border:none;outline:none;background-color:tr

javascript - AngularJS + NG-Grid 将 row.column.field 传递给 ng-click 事件

如何将{{row.getProperty(col.field)}}传递给ng-click?发生的情况是id没有传回,但网格使用id正确呈现。代码:varapp=angular.module('testing',['ngGrid']);app.config(['$locationProvider',function($locationProvider){$locationProvider.html5Mode(true);}]);app.controller('TestCtrl',function($scope){$scope.details=[];//whateverdummydata$

javascript - 当输入字段为空时显示 ng-repeat 列表时 AngularJS 过滤器比较器为真

我将通过这个示例fiddle开始,它演示了使用比较器参数来过滤精确匹配....:http://jsfiddle.net/api/post/library/pure/priority是一个1-100的数字,但我将它作为文本输入并作为字符串过滤所以任何包含子字符串的数据也将通过ng-repeat传递...就像我键入1时它也会显示11、111、132等...这就是我遇到:true比较器的方式。我读过其他建议编写自定义过滤器函数的stackflow答案,但使用真正的比较器,看起来我可以通过以下方式实现我想要的:{{workflowItem.priority}}它只过滤完全匹配的地方。但是,显然

javascript - 将 JavaScript 变量传递给 AngularJs ng-init

我定义了以下javascript变量,需要将memId值传递给AngularJs初始化函数。varmemId="bb7de28f-0f89-4f14-8575-d494203acec7";我收到一个错误:memId未定义。控制台显示ng-init中的memId值未被传入。如何将javascript变量传递给ng-init? 最佳答案 您需要使用$window以“Angular”方式执行此操作:varapp=angular.module('myapp',[]);app.controller('MainCtrl',['$scope','

c# - 在 AngularJS $http 中传递日期到 ASP.NET Web Api

将jsDate对象传递到我的ASP.NETWebApiController时,我总是得到null。我试过传递字符串、字符串数组、时间跨度——所有这些都有效,除了日期。检查请求时,日期是这样传递的:date:"2014-03-13T15:00:00.000Z"Angular:$http({method:'get',url:'api/stuff',params:{date:newDate()});在我的ApiController中:publicIEnumerableGet([FromUri]DateTime?date){...}传递日期的正确方法是什么? 最佳答

javascript - AngularJS:如何在服务中完成 AJAX 调用后执行 Controller 功能?

这是我在服务中的代码。this.loginUser=function(checkUser){Parse.User.logIn(checkUser.username,checkUser.password,{success:function(user){$rootScope.$apply(function(){$rootScope.currentUser=user;});}});};这是我在Controller中的代码:$scope.logIn=function(){authenticationService.loginUser($scope.checkUser);console.log(

javascript - AngularJS 指令在单击时添加类,但如果单击则将其删除并添加到另一个元素

我有一个简单的指令,用于在单击时添加一个类,并在再次单击时将其从元素中删除。但是我想重构它以便在通用菜单中更常见地使用它。相反,如果单击不是当前事件元素的元素,它应该将其从当前元素中删除并将其放置在新元素上。基本上我想向添加一个“事件”类当前事件的元素。在我的菜单中我有:StillGotGameTnTSeldonHitManCommunity.directive('swapit',function(){return{restrict:'A',link:function(scope,elem){varcurrentState=true;elem.on('click',function()

javascript - 使用 $stateProvider 的 AngularJS/Ionic 路由 - Controller 不会在第二次调用状态时重新加载

原始问题我正在使用IonicFramework和AngularJS开发移动应用程序,我遇到了Controller在初始化后无法重新加载的问题。其中一个状态转换(从'app.postbox-details'到'app.audit-questions')应该将参数传递给'app.audit-questions'Controller,但此Controller不会使用新参数更新自身,因为它没有重新加载。代码示例app.js文件-配置angular.module('sf-maintenance',['ionic','starter.controllers','starter.services',

javascript - ng-model 和值组合不适用于输入文本框

我有两个输入文本框。我需要合并在两个文本框中输入的值并在第三个文本框中显示。如果我只使用第三个文本框中的value,我就可以显示它。方框1:方框2:方框3:方框1+方框2但是,如果我在第三个框中使用模型名称,逻辑似乎不起作用:任何人都可以提出修复建议吗?? 最佳答案 这是一个很好的问题,因为它说明了不正确的“Angular思维”会如何导致问题。使用Angular,您首先从模型开始。然后View绑定(bind)到模型并反射(reflect)它-而不是相反。我的意思是ng-value不会设置模型,尽管它会改变View。您(或者更确切地说